<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>中国铁路12306</title>
    <link rel="stylesheet" href="./lib/reset/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/car.css">
</head>

<body>

    <!-- 1.顶部导航 -->
    <div class="topnav">
        <!-- 1.1版心 -->
        <div class="container clearfix">
            <!-- 1.1.1 logo -->
            <div class="topnav-logo">
                <img src="./img/car-img/logo.png" alt="">
            </div>
            <!-- 1.1.2搜索框 -->
            <div class="topnav-search clearfix">
                <div class="topnav-search-input">
                    <input type="text" placeholder="搜索车票/餐饮/常旅客/相关规章">
                    <i class="iconfont">&#xe61e;</i>
                </div>
            </div>

            <!-- 1.1.3右边登录 -->
            <div class="topnav-right">
                <div class="wenzi">
                    <a href="">
                        <span>我的12306</span>
                    </a>

                </div>
                <div class="font">
                    <i class="iconfont">&#xe642;</i>
                </div>
                <div class="font2">
                    <i class="iconfont">&#xe63a;</i>
                </div>
                <div class="zui">
                    <a href="">
                        <span>登录</span>
                    </a>
                    <a href="">
                        <span>注册</span>
                    </a>
                </div>
            </div>
        </div>
    </div>

    <!-- 2.头部 -->
    <div class="header">
        <div class="container clearfix">
            <div class="gege">
                <span>首页</span>
            </div>

            <div class="gege">
                <span>车票</span>
                <i class="iconfont">&#xe635;</i>
            </div>

            <div class="gege">
                <span>团购服务</span>
                <i class="iconfont">&#xe635;</i>
            </div>

            <div class="gege">
                <span>会员服务</span>
                <i class="iconfont">&#xe635;</i>
            </div>

            <div class="first">
                <span>站车服务</span>
                <i class="iconfont">&#xe635;</i>
            </div>

            <div class="gege">
                <span>商旅服务</span>
                <i class="iconfont">&#xe635;</i>
            </div>

            <div class="gege">
                <span>出行服务</span>
                <i class="iconfont">&#xe635;</i>
            </div>

            <div class="gege">
                <span>信息查询</span>
                <i class="iconfont">&#xe635;</i>
            </div>
        </div>

    </div>

    <!-- 3.内容 -->
    <div class="banner">
        <div class="container clearfix">
            <div class="banner-top">
                <h2>当前位置：站车服务><s>共享汽车</s></h2>
            </div>

            <div class="banner-bottom">
                <div class="banner-bottom-top">
                    <div class="top">
                        <h1>高铁+共享汽车</h1>
                    </div>
                </div>
                <div class="middle">
                    <h2>服务介绍</h2>
                </div>
                <div class="middle1">
                    <p>
                        为方便旅客出行，有效解决旅客乘火车后到达目的地“最后一公里”问题，铁路部门推出了“高铁+共享汽车”服务，为旅客提供燃油汽车、新能源汽车等多种租赁共享选<br>
                        择，帮助旅客在交通中转上实现无缝对接，把更优质、更便捷、更实惠的服务带给每一位旅客。
                    </p>
                    <p>
                        目前该项服务已在中国铁路昆明局集团开通，在昆明、大理、丽江、普者黑、楚雄均设有服务站点。业务涵盖日租赁和分时租赁，旅客在“昆铁云行”微信公众号、<br>
                        “12306”APP、“昆铁+”APP都可完成车辆预定，到达门店后通过办理相关手续就可使用日租赁车辆。同时也可以通过扫描汽车车身二维码下载“昆铁云行”APP，在相应<br>页面上传身份证和驾驶证照片，并支付押金就可轻松使用分时租赁共享汽车。
                    </p>
                </div>
                <div class="middle2">
                    <h2>昆明局"高铁+共享汽车实景照片"</h2>
                </div>

                <div class="banner-bottom-bottom">
                    <div class="logo">
                        <img src="./img/car-img/logo2.png" alt="">
                    </div>
                    <div class="photo">
                        <img src="./img/car-img/01.png" alt="">
                        <img src="./img/car-img/02.png" alt="">
                        <img src="./img/car-img/03.png" alt="">
                        <img src="./img/car-img/04.png" alt="">
                        <img src="./img/car-img/05.png" alt="">
                        <img src="./img/car-img/06.png" alt="">
                    </div>
                </div>
                <div class="bottom">
                    <p>此外，“高铁+共享汽车+旅游”综合服务产品正在推进中，“昆铁云行”期待您的光临</p>
                </div>
            </div>
        </div>

    </div>

    <!-- 4.底部 -->
    <div class="footer">
        <div class="container clearfix">
            <div class="footer-left">
                <div class="footer-left-top">
                    <h2>友情链接</h2>
                </div>
                <div class="footer-left-bottom">
                    <a href="">
                        <img src="./upload/car-upload/01 (2).png" alt="">
                    </a>
                    <a href="">
                        <img src="./upload/car-upload/02(2).png" alt="">
                    </a>
                    <a href="">
                        <img src="./upload/car-upload/03(2).png" alt="">

                    </a>
                    <a href="">
                        <img src="./upload/car-upload/04(2).png" alt="">
                    </a>
                </div>
            </div>
            <div class="footer-right">
                <div class="footer-right-top">
                    <span class="one">中国铁路官方微信</span>
                    <span class="two">中国铁路官方微博</span>
                    <span class="three">12306公众号</span>
                    <span class="four">铁路12306</span>
                </div>
                <div class="footer-right-bottom">
                    <img src="./img/car-img/erweima01.png" alt="" class="one">
                    <img src="./img/car-img/erweima02.png" alt="" class="two">
                    <img src="./img/car-img/erweima03.png" alt="" class="three">
                    <img src="./img/car-img/erweima04.png" alt="" class="four">
                </div>
                <div class="zui">
                    <p>官方APP下载，目前铁路未授权
                        其他网站或APP开展类似服务内
                        容，敬请广大用户注意。</p>
                </div>
            </div>
        </div>
    </div>

    <!-- 5.底部商标 -->
    <div class="brand">
        <div class="container">
            <div class="middle">
                <p>版权所有©2008-2019 中国铁道科学研究院集团有限公司</p>
                <span>京ICP备05020493号-4 | 京ICP证150437号</span>
            </div>

        </div>
    </div>

</body>

</html>